<template>
    <div>
        <div>Foo</div>
        <button @click="show">Add</button>
        <button @click="hide">AddSync</button>
    </div>
</template>

<script>
    export default {
        name:'Foo',

        methods:{
            show () {
                this.$alert.confirm('请输入密码','提示').then(val => {
                    if (val) {
                        this.$alert('您同意了');
                    } else {
                        this.$alert('您不同意');
                    }
                });
            },

            hide() {
                this.$loading();
                setTimeout(() => {
                    this.$loading.close();
                } ,1000)
            }
        },

        created() {
        //    this.$alert.confirm('请输入密码','提示').then(val => {
        //         if (val) {
        //             this.$alert('您同意了');
        //         } else {
        //             this.$alert('您不同意');
        //         }
        //     });
        },

        mounted() {
            // alert
            // this.$alert.confirm('请输入密码','提示').then(val => {
            //     if (val) {
            //         this.$alert('您同意了');
            //     } else {
            //         this.$alert('您不同意');
            //     }
            // });
        }
    }
</script>

<style lang="less" scoped rel="stylesheet/less" type="text/css">
    div{
        font-size:50px;
        text-align: center;
        font-family:'Microsoft YaHei UI';
        color: red;
    }
</style>